<template>
<div  style="display: inline-block; float: right; ">
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <div style="padding: 20px 0">关于作者</div>
      <img alt="" :src="aboutUS" style="width: 100%;height: 400px">
    </div>
    <div class="clearfix">热门博客</div>
    <div class="hot-list">
      <ul>
        <li class="hot-paper" style="display: flex;justify-content: flex-start; border-top: 1px solid #576574;padding: 10px 0" >
          <img alt="" :src="aboutUS" style="width: 140px;height: 100px">
          <div style="margin-top: 20px;margin-left: 10px">
            <div class="hot-title">母猪产后护理知识</div>
            <div class="hot-time" style="color:#00b1b7;line-height: 40px">发布时间: <span>2019-08-13</span></div>
          </div>
        </li>
        <li class="hot-paper" style="display: flex;justify-content: flex-start; border-top: 1px solid #576574;padding: 10px 0" >
          <img alt="" :src="aboutUS" style="width: 140px;height: 100px">
          <div style="margin-top: 20px;margin-left: 10px">
            <div class="hot-title">母猪产后护理知识</div>
            <div class="hot-time" style="color:#00b1b7;line-height: 40px">发布时间: <span>2019-08-13</span></div>
          </div>
        </li>
        <li class="hot-paper" style="display: flex;justify-content: flex-start; border-top: 1px solid #576574;padding: 10px 0" >
          <img alt="" :src="aboutUS" style="width: 140px;height: 100px">
          <div style="margin-top: 20px;margin-left: 10px">
            <div class="hot-title">母猪产后护理知识</div>
            <div class="hot-time" style="color:#00b1b7;line-height: 40px">发布时间: <span>2019-08-13</span></div>
          </div>
        </li>
      </ul>
    </div>
    <div>
      <img alt="" :src="hotImg" style="width: 100%;height:200px">
    </div>
  </el-card>
</div>
</template>

<script>
export default {
  name: "RightShow",
  data(){
    return{
      aboutUS:require('../../public/img/aboutus.jpg'),
      hotImg:require('../../public/img/hotImg.jpg')
    }
  }
}
</script>

<style scoped>
.box-card{
  width: 400px;

  margin-right: 170px;

}
</style>